//创建路由器模块
import Vue from "vue";
//引入vue-router
import VueRouter from "vue-router";

//引入路由组件
import ShouYe from "../views/ShouYe.vue";
import FenLei from "../views/FenLei.vue";

//声明使用vue插件
Vue.use(VueRouter);

export default new VueRouter({
    mode:"history",
    //注册路由
    routes:[
        {
            path:"/shouye",
            name:"shouye",
            component:ShouYe
        },
        {
            path:"/fenlei",
            name:"fenlei",
            component:FenLei
        }
    ]
})


/* 
路由的步骤：
路由组件写到views或者pages文件夹内，普通的组件写到components当中
1.在在src中新建views文件夹，views当中写路由组件
2.在src中新建router文件夹，在router文件夹中写index.js
3.在main.js(入口文件)中引入路由器模块，在Vue配置对象当中注册路由器
4.在路由器模块（router index.js）当中注册路由
    引入对应的路由模块
    在routes当中进行注册
5.在哪里显示导航就在哪里使用router-link to 路径
6.在router-view组件当中显示路由组件的内容

*/